草庐IT

html - 动画 :hover:after

全部标签

javascript - Gulp 复制 HTML 并粘贴到不同的文件

是否可以使用Gulp复制HTML的一部分(而不是整个文件)并将其注入(inject)到不同的文件中?我找到了类似https://www.npmjs.com/package/gulp-html-replace的包和https://www.npmjs.com/package/gulp-inject-string但他们实际上不能复制HTML。 最佳答案 从不建议使用正则表达式处理HTML,并且有很多反对意见(1、2、3)。处理HTML源代码的最流行和最可靠的方法是构建源代码的文档模型。JSDOM,是一个提供良好DOM构造API的node.

javascript - 我如何在每次迭代之间间隔循环中为 DOM 元素设置动画?

我有一个函数foo,我想添加一个sleep/等待函数来制作一种DOM元素动画。我已经做了一些研究,我知道暂停javascript函数是不可能的,因为它会卡住浏览器-如果我错了请纠正我。我该如何克服它?functionfoo(){while(someCondition){var$someDiv=$('.someDiv:nth-child('+guess+')');$someDiv.css({'background-color':'red'});wait1000ms$someDiv.css({'background-color':'blue'});wait1000msif(someCond

javascript - v-html 中的 Vue 组件/元素

我有一个post.text数据,其中包含用户提交的博客文章的文本就像在Twitter中一样,用户可以使用语法提及其他用户,我正在标记@user1在这篇文章中。呈现帖子时,我想用指向所提及用户页面的链接替换所有@username实例。通过正则表达式匹配/替换,我可以轻松地将提到的@username转换成类似的东西(我正在使用vue-router):Iamtagging{{dPost.user_name}}inthispost但是当我这样使用它时:vue不会重新处理html来绑定(bind)它自己的标签。如何解决这个问题?谢谢 最佳答案

javascript - React/Redux 服务器端渲染中的警告 : Did not expect server HTML to contain a <li> in <ul>.

我是第一次使用React和Redux进行服务器端渲染,似乎遇到了一些困难。我收到警告:Warning:DidnotexpectserverHTMLtocontainain.我查了一下,这意味着html树不匹配。我不确定那是怎么回事。有没有明显的方法来解决它?这是我的代码,它会发出警告。importReact,{Component}from'react';import{connect}from'react-redux';importactionsfrom'../actions';classUsersListextendsComponent{componentDidMount(){if(t

javascript - Fancybox 弹出窗口 + JSVideo HTML5 视频 - 为什么我失去了控制权?

我正在使用JQuery插件Fancybox和JSVideo,最终我希望通过fancybox弹出视频并在该弹出窗口中播放HTML5视频我有这个工作-唯一的问题是视频控件不是我所期望的...它没有jsvideo控件..我不知道它是一个fancybox还是一个css东西,或两者兼而有之html很简单——它是一个指向javascript的缩略图javascript看起来像这样:$(document).ready(function(){$("a.fancyvideo5").click(function(){varurl=$(this).attr('name');$.fancybox({'padd

javascript - 使用 CSS 转换/动画/等时,如果用户浏览器不执行 css 动画,回退到 jquery 的最佳方法是什么?

我正在寻找一种使用css动画的方法,但如果用户浏览器不执行css动画-然后回退使用Jquery来制作动画。在Jquery中有一种简单的方法可以做到这一点吗?一个插件就可以了,如果它是一个小插件,但如果可能的话,我真的在寻找某种在jquery中执行此操作的方法。我想使用css动画的唯一原因是因为使用css动画时使用的处理器功率要低得多。 最佳答案 jQueryanimateenhancedplugin使用CSS转换而无需为支持转换的浏览器编写特定代码替代方案不是很令人鼓舞:您可以添加一个特征检测库,例如Modernizr,然后为每种情

javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗?

我为网站创建了一个相当复杂的菜单。菜单来自大量基于CSS3的动画。然而,当我导航到不同的页面时,菜单应该最初建立-没有所有的动画,但在JS方面而不是在服务器端完成。现在我想知道如何暂时完全禁用所有转换/动画,直到菜单构建完成。我考虑过创建一个覆盖动画的子类,但它似乎不起作用,因为它总是使用基类中定义的动画/过渡? 最佳答案 我建议通过在构建菜单后由JavaScript添加的类来应用动画/过渡。有animation-play-state可以暂停动画的属性,但只在Safari5和Chrome4中出现(带有前缀)(与Safari4和Chr

javascript - 使用 Underscore.js 在 html 属性中插入

我正在使用Backbone.js、Underscore.js、HAML和Coffeescript构建应用程序。我遇到的问题是让变量插入到html元素属性中。%tr%td%input{:type=>'checkbox',:name=>"documents[]",:value=>""}%td%td对象的值在中正确显示,但不在输入的值属性内。是否可以在元素的属性内部进行插值?我找不到解决方案。谢谢 最佳答案 这个问题的解决方案是使用HAML的:escape_attrs选项。Haml::Engine.new(template,:escape

javascript - HTML5 样板页面特定的 Javascript 放置

问题如果您使用单个javascript文件来保存所有脚本,那么您将只用于一个页面的脚本放在哪里?背景这可能是一个意见或“最佳实践”问题,但我对其他人的意见很感兴趣:我正在使用html5Boilerplate在一个项目上。他们recommend为了速度和一致性,您将所有javascript放在一个文件script.js中。似乎有道理。但是,我有一些只与单个页面相关的地理定位脚本,与其他页面无关。我是否应该打破惯例,将此脚本放在我调用它所依赖的javascript库的页面下方?只需将对相关函数(位于script.js中)文件的调用放在它们所依赖的库的链接下方?谢谢!

javascript - 如何使用jquery从window.open js函数获取元素和html

我正在尝试打开这样的弹出窗口:$('#btn').click(function(){varpopup=window.open('mypage.php','_blank','width=500,height=500');vardom=popup.document.body;for(iindom){console.log(dom[i]);}});现在我想做的是从弹出窗口中获取html,并且还能够使用window.opener(打开弹出窗口的页面)中的jQuery函数附言。控制台打印了很多东西,但是没有html源。用这个试试:http://jsfiddle.net/JRqTy/提前致谢。